<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>BTS Student Labs</title>
        <link href="../css/main.css" rel="stylesheet" type="text/css">
        <link href="../css/accordion.css" rel="stylesheet" type="text/css">
   		<script src="../script/accordion.js" type="text/javascript"></script>
    </head>
    <body>
<div id="wapper">
            <div id="head">
                <div id="banner">
                    <div id="instLogo">
                        <a href="http://www.informatik.hs-mannheim.de/"><img src="../media/images/Informatik Logo.jpg" width="260" height="90" alt="Fakultät Informatik Logo" longdesc="http://www.informatik.hs-mannheim.de/"></a>
                    </div>
                    <div id="fhLogo">
                        <a href="http://www.hs-mannheim.de"><img src="../media/images/fhlogo.jpg" width="165" height="91" alt="HS Mannheim Logo" longdesc="http://hs-mannheim.de"></a>
                    </div>
                </div>
                <div id="main-menue">
                    <img src="../media/images/mmbl.gif" width="38" height="61" alt="Banner Rand Linker metallern mit Schraube" id="schraubelinks">
                    <div id="nav">
                        <div id="first-nav">
                            <a class="unselected" href="../index.php">Home</a>
                            <a class="unselected" href="../seiten/scheduling.php">Scheduling</a>
                            <a class="selected" href="#">Infos</a>
                        </div>
                        <div id="secound-nav">
                            <a id="active" href="#">Team</a>
                            <a href="../seiten/info/impressum.html">Impressum</a>
                            <a href="../seiten/info/sitemap.html">Sitemap</a>
                        </div>
                    </div>
                    <img src="../media/images/mmbr.gif" width="38" height="61" alt="Banner Rand Rechts metallern mit Schraube" id="schrauberechts">
                </div>
            </div>
    <div id="contend">
			
			<div id="AccordionContainer" class="AccordionContainer">
			<!-- Content Start -->
			<div onclick="runAccordion(1);">
				<div class="AccordionTitle" onselectstart="return false;">
					Marcel Schwarzmann
				</div>
			</div>
			<div id="Accordion1Content" class="AccordionContent">
				<!--accordion 1 content-->
				 <div id="pers-data">
							<h2>Marcel Schwarzmann</h2>
                            <h2>Alter: 23</h2>
                            <h2>Tätigkeit: Team-Leiter und Entwickler</h2>
                        </div>
                        <div id="pers-bild">
                            <img src="" name="Bild-MS" height="300" alt="Portrai von Marcel Schwarzmann" />
                        </div>
				
				<!--accordion 1 content Ende-->
			</div>
			<div onclick="runAccordion(2);">
				<div class="AccordionTitle" onselectstart="return false;">
				Norman Schütt
				</div>
			</div>
			<div id="Accordion2Content" class="AccordionContent">
				<!--accordion 2 content-->
					<div id="pers-data">
					<h2>Norman Schütt</h2>
                          <h2>Alter: 21</h2>
                          <h2>Tätigkeit: Entwickler</h2>
                      </div>
                      <div id="pers-bild">
                          <img src="" name="Bild-NS" height="300" alt="Portrait von Norman Sch&uuml;tt" />
                      </div>
				<!--accordion 2 content Ende-->			
			</div>
			<div onclick="runAccordion(3);">
				<div class="AccordionTitle" onselectstart="return false;">
				Patrick Müller
				</div>
			</div>
				<div id="Accordion3Content" class="AccordionContent">
					<!--accordion 3 content-->
                      <div id="pers-data">
						  <h2>Patrick Müller</h2>
                          <h2>Alter: 24</h2>
                          <h2>Tätigkeit: Tester</h2>
                      </div>
                      <div id="pers-bild">
                          <img src="/media/images/team/patrick.jpg" name="Bild-PM" height="300" alt="Portrait von Patrick M&uuml;ller" />
                      </div>
						
					<!--accordion 3 content Ende-->
				</div>
			<div onclick="runAccordion(4);">
				<div class="AccordionTitle" onselectstart="return false;">
					Markus Zapf
				</div>
			</div>
			<div id="Accordion4Content" class="AccordionContent">
				<!--accordion 4 content-->
                      <div id="pers-data">
					  <h2>Markus Zapf</h2>
                          <h2>Alter: 28</h2>
                          <h2>Tätigkeit: Dokumentation</h2>
                      </div>
                      <div id="pers-bild">
                          <img src="" name="Bild-MZ" alt="Portrai von Markus Zapf" />
                      </div>
				<!--accordion 4 content Ende-->
			</div>
			</div>
		</div>
	</div>
            <div id="fotter">
                <img src="../media/images/mmbl.gif" width="38" height="61" alt="Banner Rand Linker metallern mit Schraube" id="schraubelinks">
                <div id="fottershild">
                    <a>Copyright by Student Labs</a>
                </div>
                <img src="../media/images/mmbr.gif" width="38" height="61" alt="Banner Rand Rechts metallern mit Schraube" id="schrauberechts">
            </div>
</div>
    </body>
</html>